/*=======================================================
        EXCLUSIVE DEALS SECTION (Categories page)
        Uses the same shared .section-heading / .product-grid /
        .product-card styles already defined in index.css.
        This file only adds the layout needed for the
        3-card Deals grid so it does not disturb existing pages.
=======================================================*/

.deals-collection{
    max-width:1400px;
    margin:100px auto;
}

.deals-grid{
    grid-template-columns:repeat(3,1fr);
    max-width:1100px;
}

@media(max-width:992px){
    .deals-grid{
        max-width:100%;
    }
}